<ion-toolbar
  *ngIf="connection$ | async as connection"
  class="connection-toolbar"
  [color]="connection.color"
>
  <div class="inline" slot="start">
    <ion-icon [name]="connection.icon" class="icon"></ion-icon>
    <p style="margin: 8px 0; font-weight: 600">{{ connection.message }}</p>
    <ion-spinner
      *ngIf="connection.dots"
      name="dots"
      color="light"
      class="ion-margin-start"
    ></ion-spinner>
  </div>
</ion-toolbar>
